<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <meta name="format-detection" content="telephone=no">
    <title>Document</title>
    <script type="text/javascript" src="/js/index.js"></script>
    <script type="text/javascript" src="/js/details.js"></script>
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/swiper.min.css">
    <link rel="stylesheet" href="css/details.css">

</head>

<body>
    <div class="main">
        <!-- Swiper -->
        <div class="swiper-container">
            <!--头部定位 和搜索-->
            <div class="backArrow"></div>
            <div class="swiper-wrapper"></div>
            <!-- Add Pagination -->
            <div class="swiper-pagination"></div>
        </div>

        <!-- Initialize Swiper -->

        <div class="box">
            <div class="tit">
                <div class="titName">测试</div>
                <div class="collection">
                    <div class="scIcon"></div>
                    <div class="txt">收藏</div>
                </div>
            </div>
            <div class="date-box">
                <div class="icon">
                    <div class="tb-c">正在<br/>议价</div>
                    <div class="skewIcon"></div>
                </div>
                <div class="date-info">
                    <div class="time">
                        <span class="time-tit">距离结束仅剩：</span><span class="d">1</span>天<span class="h">03</span>小时<span class="m">52</span>分
                        <span
                            class="s">46</span>秒
                    </div>
                    <div class="active">17次围观</div>
                </div>
            </div>
            <div class="bestMoney">最高价：$33,333.00/个</div>
            <div class="bond-box">
                <div class="bond">保证金：<span>￥3,333.00元</span></div>
                <div class="bondRule">不成交则结束后退还</div>
            </div>
        </div>

        <div class="info-box">
            <div class="info-details">
                <div class="f-list">
                    <div>起拍价：$33,333.00</div>
                    <div>计量：100个</div>
                    <div>市场价：VIP可见</div>
                </div>
                <div class="m-list">
                    <div>总价：VIP可见</div>
                    <div>保底价：$4,000.00</div>
                    <div>延时周期：5分钟</div>
                </div>
                <div class="l-list">
                    <div>加价幅度：$35.00</div>
                    <div>贬值率：VIP可见</div>
                    <div>是否含税： 是\否</div>
                </div>
            </div>
            <div class="prompt">注：您可多次加价</div>
        </div>

        <div class="tab-box">
            <ul class="tab-nav">
                <li class="tab-list tab-list-active">货损介绍</li>
                <li class="tab-list">竞卖须知</li>
                <li class="tab-list">出价记录（0）次</li>
                <li class="tab-list">文件材料</li>
            </ul>
            <div class="tab-content0">
                <div class="list-box">
                    <div class="tab-con-list">
                        <div class="tabTit">
                            <p>受损</p>
                            <p>原因</p>
                        </div>
                        <div class="tb">
                            <div class="tabInfo">距离结束仅剩1天03小时52分46</div>
                        </div>
                    </div>
                    <div class="tab-con-list">
                        <div class="tabTit">
                            <p>受损</p>
                            <p>原因</p>
                        </div>
                        <div class="tb">
                            <div class="tabInfo">距离结束仅剩1天03小时52分46距离结束仅剩1天03小时52分46距离结束仅剩1天03小时52分46距离结束仅剩1天03小时52分46</div>
                        </div>
                    </div>
                    <div class="tab-con-list">
                        <div class="tabTit">
                            <p>受损</p>
                            <p>原因</p>
                        </div>
                        <div class="tb">
                            <div class="tabInfo">距离结束仅剩1天03小时52分46距离结束仅剩1天03小时52分46距离结束仅剩1天03小时52分46距离结束仅剩1天03小时52分46距离结束仅剩1天03小时52分46距离结束仅剩1天03小时52分46距离结束仅剩1天03小时52分46</div>
                        </div>
                    </div>
                </div>
                <div class="bondBtn">交保证金报名</div>
            </div>
            <div class="tab-content2" style="display:none;">
                <table>
                    <thead>
                        <tr>
                            <th>状态</th>
                            <th>价格</th>
                            <th>竞拍人</th>
                            <th>时间</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr class="lead-offer">
                            <td>领先</td>
                            <td>￥456.00</td>
                            <td>100001</td>
                            <td>2017-07-07</td>
                        </tr>
                        <tr>
                            <td>落后</td>
                            <td>￥456.00</td>
                            <td>100001</td>
                            <td>2017-07-07</td>
                        </tr>
                        <tr>
                            <td>等待撮合</td>
                            <td>￥456.00</td>
                            <td>100001</td>
                            <td>2017-07-07</td>
                        </tr>
                        <tr>
                            <td>等待撮合</td>
                            <td>￥456.00</td>
                            <td>100001</td>
                            <td>2017-07-07</td>
                        </tr>
                    </tbody>
                </table>
                <div class="bondBtn">已交保证金待审</div>
            </div>
            <div class="tab-content3" style="display:none;">
                <div class="agr-box">
                    <div class="upload">
                        <div class="upload-agr">点击上传协议</div>
                        <div class="upload-rule">下载竞买须知</div>
                    </div>
                    <div class="prompt-box">
                        <p class="prompt-tit">备注：</p>
                        <p>1、下载竞拍确认书模板;</p>
                        <p>2、认真填写协议内容并签字盖章; </p>
                        <p>3、上传委托协议书。 </p>
                        <p>4、上传文档仅支持pdf、jpg、gif、png、bmp、jpeg格式*帮助客服热线400-8216623</p>
                    </div>
                    <input type="submit" class="subBtn" value="提交" disabled>
                </div>
                <div class="offer">
                    <input type="text" class="offer-money" placeholder="请输入价格">
                    <input type="submit" class="offerBtn" value="出价">
                </div>
            </div>
        </div>
        <!--侧边按钮开始-->
        <div class="aside-box">
            <div class="goTopIcon"></div>
            <div class="phoneIcon"></div>
        </div>
        <!--侧边按钮结束-->

        <!--底部导航开始-->
        <footer></footer>
        <!--底部导航结束-->
</body>

</html>